<html lang="zh-CN" style="font-size: 53.3333px;"><head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="author" content="xiaoke">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=0,uc-fitscreen=yes">
    <meta name="screen-orientation" content="portrait">
    <meta name="full-screen" content="yes">
    <meta name="browsermode" content="application">
    <meta name="x5-fullscreen" content="true">
    <meta name="x5-orientation" content="portrait">
    <meta name="x5-page-mode" content="app">
    <meta name="apple-mobile-web-app-title" content="{:config('web_webname')}">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telphone=no, email=no">
    <title>用户注册 - {:config('web_webname')}</title>
    <link rel="stylesheet" type="text/css" href="//cdn.istt.cn/Ver/1.0/wap/app.css">
    <link rel="stylesheet" type="text/css" href="//cdn.istt.cn/Ver/1.0/css/style.css">
    <link rel="stylesheet" type="text/css" href="/Static/mobile/css/animate.css"/>
    <link rel="stylesheet" type="text/css" href="/Static/mobile/css/iconfont.css"/>
    <style></style>
<link href="https://cdn.istt.cn/Ver/1.0/wap/need/layer.css?2.0" type="text/css" rel="styleSheet" id="layermcss"></head>
<body class="o-y bg-bai" ontouchstart="">
<div id="ajaxshow"></div>
<div class="w100 bg-qing dk t-v t-l"><span class="w10 h8 t-v f6" onclick="history.back(-1);"><i class="icon icon-pleft f10 bold"></i></span> <span class="w55 h8 t-v f8 bold">用户注册</span>
    <div class="dropdown">
        <div class="w10 h8 t-v dropdown-menu"><i class="icon icon-more f10 bold"></i></div>
        <dl class="dropdown-list animated fadeInUp" style="left:-0.5rem;"><span class="arrowtop tmr"></span>
            <dd><a class="p2 t-c" href="{:url('index/login')}">登陆账号</a></dd>
            <dd><a class="p2 t-c" href="{:url('index/find')}">找回密码</a></dd>
        </dl>
    </div>
    <div class="animated dropdown-desc">&nbsp;</div>
</div>
<div class="w100">
    <div class="p3">
        <div class="mt5 h8 bb t-v"><p class="w13">* 登陆账号</p>
            <p class="w56 mt0"><input type="text" id="user" class="form w100 h7 no" placeholder="请设置登陆账号" value="" maxlength="32"></p></div>
        <div class="mt3 h8 bb t-v"><p class="w13">* 登陆密码</p>
            <p class="w56 mt0"><input type="password" id="pass" class="form w100 h7 no" placeholder="请设置登陆密码" value="" maxlength="32"></p></div>
        <div class="mt3 h8 bb t-v"><p class="w13">* 联系 QQ</p>
            <p class="w56 mt0"><input type="number" pattern="\d*" id="qq" class="form w100 h7 no" placeholder="请填写您的QQ号码" value="" onkeypress="return x.int(this,0,10);"></p></div>
        <div class="mt3 h8 bb t-v"><p class="w13 mt0">* 账号昵称</p>
            <p class="w56 mt0"><input type="text" id="nick" class="form w100 h7 no" placeholder="请输入账号昵称" value=""></p></p>
		</div>
		<div class="mt3 h8 bb t-v"><p class="w13 mt0">* 联系邮箱</p>
            <p class="w56 mt0"><input type="email" id="mail" class="form w100 h7 no" placeholder="请输入联系邮箱" value=""></p></p>
        </div>
        <div class="btn btn-md btn-qing mt8 w100 h9" id="reg">注 册</div>
        <div class="mt7 o-h"><span class="fl"><a class="lan" href="{:url('index/find')}">忘记密码?</a></span> <span class="fr"><a class="lan" href="{:url('index/login')}">登陆账号</a></span></div>
        <div class="mt10 mb3 t-c"><p class="f2 hui">Copyright © 2020 {:config('web_webname')}</p></div>
    </div>
</div>

<script type="text/javascript" src="/Static/mobile/js/zepto.min.js"></script>
<script type="text/javascript" src="/Static/config/js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="//cdn.istt.cn/Ver/1.0/wap/layer.min.js"></script>
<script src="http://pangong-1255314620.file.myqcloud.com/dist/js/gt.js"></script>
<script src="/Static/config/js/gt.js"></script>
<script src="/Static/config/js/main.js"></script>
<script src="/Static/config/js/app2.js"></script>
<script>
	var handler = function (captchaObj) {
            captchaObj.onReady(function () {
            }).onSuccess(function () {
                var user, pass, qq, nick;
				nick = $('#nick').val();
				user = $('#user').val();
				pass = $('#pass').val();
				qq = $('#qq').val();
				mail = $('#mail').val();
				var result = captchaObj.getValidate();
				var result_data = {
					geetest_challenge: result.geetest_challenge,
					geetest_validate: result.geetest_validate,
					geetest_seccode: result.geetest_seccode,
					username: user,
					password: pass,
					nickname: nick,
					qq: qq,
					mail: mail,
					token: (new Date()).getTime()
				};
				var load = x.loading('', true);
				app.ajax("{:url('LoginAjax/UserReg')}", result_data, function (data) {
					layer.close(load);
					if (data.code === 0) {
						if (result) {
							x.loading('注册成功，正在登陆');
							setTimeout(function () {
								window.location.href = "{:url('Index/login')}";
							}, 1000)
						} else {
							x.btn('请先完成验证！');
						}
					} else {
						x.btn(data.msg);
						captchaObj.reset();
					}
				}, '', false);
            });
            $('#reg').click(function () {
                var user, pass, qq, nick, mail;
                nick = $('#nick').val();
                user = $('#user').val();
                pass = $('#pass').val();
                qq = $('#qq').val();
				mail = $('#mail').val();
                if (!user) {
                    $('#user').focus();
                    x.msg("请设置一个登陆账号!");
                    return false;
                }
                if (!pass) {
                    $('#pass').focus();
                    x.msg("请设置一个登陆密码!");
                    return false;
                }
                if (!qq) {
                    $('#qq').focus();
                    x.msg("请填写您的QQ号码!");
                    return false;
                }
                if (!nick) {
                    $('#nick').focus();
                    x.msg("请设置账号昵称!");
                    return false;
                }
				if (!mail) {
                    $('#mail').focus();
                    x.msg("请设置邮箱账号!");
                    return false;
                }
                captchaObj.verify();
            }
            );
        };
        app.ajax("{:url('Common/Geetest_captcha')}?t=" + (new Date()).getTime(), undefined, function (data) {
            initGeetest({
                gt: data.gt,
                challenge: data.challenge,
                offline: !data.success, // 表示用户后台检测极验服务器是否宕机
                new_captcha: data.new_captcha, // 用于宕机时表示是新验证码的宕机
                product: "bind", // 产品形式，包括：float，popup
                width: "190px",
                https: false
            }, handler);
        });
</script>
</body></html>